<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.3/style/weui.min.css">
		<link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.1/css/jquery-weui.min.css">
		<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css" />
		<link rel="stylesheet" href="css/reset.css" />
		<style>
			  @font-face {
			  font-family: 'iconfont';  /* project id 1571015 */
			  src: url('//at.alicdn.com/t/font_1571015_wp63s5c36xe.eot');
			  src: url('//at.alicdn.com/t/font_1571015_wp63s5c36xe.eot?#iefix') format('embedded-opentype'),
			  url('//at.alicdn.com/t/font_1571015_wp63s5c36xe.woff2') format('woff2'),
			  url('//at.alicdn.com/t/font_1571015_wp63s5c36xe.woff') format('woff'),
			  url('//at.alicdn.com/t/font_1571015_wp63s5c36xe.ttf') format('truetype'),
			  url('//at.alicdn.com/t/font_1571015_wp63s5c36xe.svg#iconfont') format('svg');
			}
			.iconfont {
			  font-family: "iconfont" !important;
			  font-size: 16px;
			  font-style: normal;
			  -webkit-font-smoothing: antialiased;
			  -moz-osx-font-smoothing: grayscale;
			}
		</style>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" onClick="javascript :history.back(-1);" style="color: #000;"></a>
			<h1 class="mui-title">选择移动位置</h1>
		</header>
			<div id="folder_all">
			<!--一个文件夹-->
			<div class="folder-list folder_name">
				<label class="inp-label">
					<span class="iconfont" style="color: #F3E07F;">&#xe66d;</span>
					<span class="title-weight">文件夹1</span>
					<p class="title">时间</p>
				</label>
			</div>
			<!--一个文件夹-->
			<div class="folder-list folder_name">
				<label class="inp-label">
					<span class="iconfont" style="color: #F3E07F;">&#xe66d;</span>
					<span class="title-weight">文件夹2</span>
					<p class="title">时间</p>
				</label>
			</div>
		</div>
		<nav class="mui-bar mui-bar-tab">
		<div class="mui-content" >
			<div class="mui-content-padded">
				<button type="button" class="mui-btn" id="promptBtn" style="width: 150px;color: #000;background-color: #E9EBEC; " >
					新建文件夹
				</button>
				<button type="button" class="mui-btn" id="move" style="width: 150px;color: #000;background-color: #E9EBEC; float: right;">
					移动到此处
				</button>
		    </div>
		</div>
		</nav>
		
		
		<script src="js/mui.min.js"></script>
		<script type="text/javascript" src="js/jquery-3.4.1.js"></script>
		<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
		<script src="https://cdn.bootcss.com/jquery-weui/1.2.1/js/jquery-weui.min.js"></script>
		<script type="text/javascript">
			//新建文件夹
			
			document.getElementById("promptBtn").addEventListener('tap', function(e) {
		/*		//隐藏弹出框
				mui("#popover2").popover('toggle');*/
				e.detail.gesture.preventDefault(); //修复iOS 8.x平台存在的bug，使用plus.nativeUI.prompt会造成输入法闪一下又没了
				var btnArray = ['取消', '确定'];
				mui.prompt('', '请输入名称:', '新建文件夹', btnArray, function(e) {
					if (e.index == 1) {
						mui.toast('添加成功');
					} else {
						
					}
				})
			});
			
	        //移动文件夹
			document.getElementById("move").addEventListener('tap', function() {
					mui.toast('移动成功');
				});
			
			
			
		</script>
	</body>
</html>
